opus.Gizmo({
	name: "main",
	dropTarget: true,
	type: "Palm.Mojo.Panel",
	l: 0,
	t: 0,
	h: "100%",
	styles: {
		zIndex: 2,
		bgColor: ""
	},
	components: [
		{
			name: "gps",
			onSuccess: "gpsSuccess",
			onFailure: "gpsFailure",
			accuracy: "2",
			maximumAge: "600",
			responseTime: "2",
			subscribe: false,
			type: "Palm.Mojo.Gps"
		},
		{
			name: "wsUSGS",
			onSuccess: "wsUSGSSuccess",
			onFailure: "wsUSGSFailure",
			url: "http://earthquake.usgs.gov/earthquakes/catalogs/eqs1day-M1.txt",
			parameters: {},
			type: "Palm.Mojo.WebService"
		},
		{
			name: "wsEMSC",
			onSuccess: "wsEMSCSuccess",
			onFailure: "wsEMSCFailure",
			url: "http://www.seismicportal.eu/services/event/search/",
			parameters: {},
			handleAs: "json",
			headers: {},
			type: "Palm.Mojo.WebService"
		}
	],
	chrome: [
		{
			name: "scroller1",
			plane: "10",
			modelName: "scroller1Model",
			scrollPosition: {
				left: 0,
				top: 0
			},
			type: "Palm.Mojo.Scroller",
			l: 0,
			t: 0,
			h: "100%",
			styles: {
				cursor: "move",
				overflow: "hidden",
				bgColor: ""
			},
			controls: [
				{
					name: "pnlHeader",
					layoutKind: "absolute",
					dropTarget: true,
					type: "Palm.Mojo.Panel",
					l: 0,
					t: 0,
					h: "50",
					controls: [
						{
							name: "picMapTopTen",
							plane: "2600",
							src: "images/top10-4.png",
							autoSize: false,
							ontap: "picMapTopTenTap",
							type: "Palm.Picture",
							l: "",
							r: "2",
							w: "50",
							t: "",
							h: "50",
							vAlign: "center",
							styles: {
								borderColor: "",
								bgImage: "images/palm-menu-button.png"
							}
						},
						{
							name: "hdrSpinner",
							plane: "3000",
							ontap: "",
							modelName: "hdrSpinnerModel",
							type: "Palm.Mojo.Spinner",
							l: "",
							r: "50",
							t: "10",
							vAlign: "center",
							styles: {
								bgColor: ""
							}
						},
						{
							name: "hdrMain",
							plane: "2000",
							ontap: "",
							title: "SeismiX",
							subtitle: "",
							icon: "images/SeismiX-Icon-32x32.png",
							type: "Palm.Mojo.PageHeader",
							l: "0",
							t: "0",
							h: "50"
						},
						{
							name: "hdrSpinnerEMSC",
							plane: "3000",
							ontap: "",
							modelName: "hdrSpinnerModelEMSC",
							type: "Palm.Mojo.Spinner",
							l: "",
							r: "50",
							t: "10",
							vAlign: "center",
							styles: {
								opacity: 1
							}
						}
					]
				},
				{
					name: "lstEQ",
					dropTarget: true,
					modelName: "lstEQModel",
					items: [
						{
							flynn_region: "No data to display..."
						}
					],
					useSampleData: false,
					title: "List of Earthquakes",
					itemHtml: "",
					onlisttap: "lstEQListtap",
					onlistadd: "",
					onitemrendered: "lstEQItemrendered",
					onfetchitems: "",
					onformat: "",
					renderLimit: "30",
					swipeToDelete: false,
					type: "Palm.Mojo.List",
					l: 0,
					t: 0,
					h: 100,
					hAlign: "center",
					vAlign: "top",
					styles: {
						bgColor: ""
					},
					controls: [
						{
							name: "pnlListRow",
							layoutKind: "hbox",
							dropTarget: true,
							ontap: "",
							type: "Palm.Mojo.Panel",
							l: "0",
							t: 0,
							h: 63,
							controls: [
								{
									name: "lblEQMag",
									onformat: "lblEQMagFormat",
									label: "8,8",
									labelPropertyName: "magString",
									type: "Palm.Mojo.Label",
									l: 0,
									w: 65,
									t: 0,
									h: "90%",
									hAlign: "center",
									vAlign: "center",
									styles: {
										fontSize: "30px",
										oneLine: true,
										textAlign: "center",
										textColor: "",
										bgColor: ""
									}
								},
								{
									name: "pnlEQData",
									dropTarget: true,
									type: "Palm.Mojo.Panel",
									l: 320,
									t: 0,
									h: "60",
									vAlign: "center",
									controls: [
										{
											name: "lblEQReg",
											label: "Region",
											labelPropertyName: "flynn_region",
											type: "Palm.Mojo.Label",
											l: 0,
											t: "",
											h: "25",
											vAlign: "top",
											styles: {
												fontSize: "17px",
												oneLine: true,
												bgColor: "",
												clip: true
											}
										},
										{
											name: "pnlText",
											layoutKind: "hbox",
											dropTarget: true,
											type: "Palm.Mojo.Panel",
											l: 0,
											t: 23,
											h: "15",
											vAlign: "top",
											controls: [
												{
													name: "lblDateTime",
													modelName: "lblDateTimeModel",
													kind: "title",
													label: "Date/Time (UTC)",
													labelPropertyName: "dateTimeHeader",
													type: "Palm.Mojo.Label",
													l: 0,
													w: "50%",
													t: "",
													h: "15",
													styles: {
														fontSize: "13px",
														textColor: "grey"
													}
												},
												{
													name: "lblDist",
													modelName: "lblDistModel",
													kind: "title",
													label: "Distance",
													labelPropertyName: "distHeader",
													type: "Palm.Mojo.Label",
													l: 0,
													w: "30%",
													t: "",
													h: "15",
													styles: {
														fontSize: "13px",
														textColor: "grey",
														textAlign: "center"
													}
												},
												{
													name: "lblDepth",
													modelName: "lblDepthModel",
													kind: "title",
													label: "Depth",
													labelPropertyName: "depthHeader",
													type: "Palm.Mojo.Label",
													l: 0,
													w: "20%",
													t: "",
													h: "15",
													styles: {
														fontSize: "13px",
														textColor: "grey",
														textAlign: "center"
													}
												}
											]
										},
										{
											name: "pnlEQLoc",
											layoutKind: "hbox",
											dropTarget: true,
											type: "Palm.Mojo.Panel",
											l: 0,
											t: "",
											h: "18",
											vAlign: "bottom",
											controls: [
												{
													name: "lblEQDate",
													kind: "title",
													label: "Date/Time",
													labelPropertyName: "datetime",
													type: "Palm.Mojo.Label",
													l: 0,
													w: "50%",
													t: 0,
													h: "20",
													styles: {
														fontSize: "13px"
													}
												},
												{
													name: "lblEQDist",
													onformat: "",
													kind: "title",
													label: "Dist",
													labelPropertyName: "distString",
													type: "Palm.Mojo.Label",
													l: 154,
													r: "",
													w: "30%",
													t: 0,
													h: "20",
													styles: {
														fontSize: "13px",
														textAlign: "center",
														clip: true
													}
												},
												{
													name: "lblEQDepth",
													onformat: "",
													kind: "title",
													label: "Depth",
													labelPropertyName: "depthString",
													type: "Palm.Mojo.Label",
													l: 210,
													r: "",
													w: "20%",
													t: 0,
													h: "18",
													styles: {
														fontSize: "13px",
														textAlign: "right"
													}
												}
											]
										}
									]
								}
							]
						}
					]
				}
			]
		}
	]
});